<div nz-row>
  <div nz-col [nzOrder]="formOrder" [nzXXl]="12" [nzXl]="12" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
    <form [nzLayout]="'horizontal'" nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="emergentDesc">紧急情况概述</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="紧急情况概述">
          <input nz-input formControlName="emergentDesc" id="emergentDesc" placeholder="紧急情况概述"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="gshType">GHS危险性类别</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="GHS危险性类别">
          <nz-textarea-count [nzMaxCharacterCount]="255">
            <textarea nz-input formControlName="gshType" placeholder="GHS危险性类别"
                      [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="dangerDesc">危险性说明</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="危险性说明">
          <nz-textarea-count [nzMaxCharacterCount]="255">
            <textarea nz-input formControlName="dangerDesc" placeholder="危险性说明"
                      [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="harmfulHealth">健康危害</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="健康危害">
          <nz-textarea-count [nzMaxCharacterCount]="255">
            <textarea nz-input formControlName="harmfulHealth" placeholder="健康危害"
                      [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="harmfulEnvironment">环境危害</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="环境危害">
          <nz-textarea-count [nzMaxCharacterCount]="255">
            <textarea nz-input formControlName="harmfulEnvironment" placeholder="环境危害"
                      [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label nzSpan="12" nzFor="phyCheDanger">物理和化学危险</nz-form-label>
        <nz-form-control nzSpan="12" nzErrorTip="物理和化学危险">
          <nz-textarea-count [nzMaxCharacterCount]="255">
            <textarea nz-input formControlName="phyCheDanger" placeholder="物理和化学危险"
                      [nzAutosize]="{ minRows: 2, maxRows: 6 }"></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item *ngIf="AdminService.isAdmin" nz-row class="register-area">
        <nz-form-control [nzSpan]="12" [nzOffset]="12">
          <button nz-button nzType="primary">确定</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </div>
</div>
<ng-template #combineTpl let-control>
  <ng-container *ngIf="control.hasError('message')">{{control.errors['message']}}</ng-container>
  <ng-container *ngIf="control.hasError('required')">必填项</ng-container>
</ng-template>


